{
	template:`
	<a-page-header title="系统信息" sub-title="系统信息配置">
		<template #extra>
			<a-button type="primary" @click="save();">保存</a-button>
		</template>
		<a-card :hoverable="true" :bodyStyle="{padding:'20px 20px 0'}">
			<a-form class="index-form" :wrapper-col="{span:24}">
				<a-row :gutter="10">
					<a-col :span="10">
						<a-form-item label="后台标题" class="index-form-item">
							<a-input v-model:value="model.backgroundTitle" placeholder="请输入后台标题"/>
						</a-form-item>
					</a-col>
					<a-col :span="6">
						<a-form-item label="标题模式" class="index-form-item">
							<a-select :options="dictOptions('manage.model.SystemInfo!titleType')" v-model:value="model.titleType" placeholder="请选择标题模式" show-search :filter-option="selectFilter"/>
						</a-form-item>
					</a-col>
					<a-col :span="8">
						<a-form-item label="标题图标" class="index-form-item">
							<a-button type="primary" @click="selectIconPage(model,'titleIcon')">选择图标</a-button>
							<img :src="model.titleIcon.path" class="item-image" @click="viewIcon(model.titleIcon)"/>
						</a-form-item>
					</a-col>
					<a-col :span="10">
						<a-form-item label="网站域名" class="index-form-item">
							<a-input v-model:value="model.domainName" placeholder="请输入网站域名"/>
						</a-form-item>
					</a-col>
					<a-col :span="6">
						<a-form-item label="背景模式" class="index-form-item">
							<a-select :options="dictOptions('manage.model.SystemInfo!backgroundType')" v-model:value="model.backgroundType" placeholder="请选择背景模式" show-search :filter-option="selectFilter"/>
						</a-form-item>
					</a-col>
					<a-col :span="8">
						<a-form-item label="背景图片" class="index-form-item">
							<a-button type="primary" @click="selectImagePage(model,'backgroundImage','backgroundImage')">选择图片</a-button>
							<img :src="model.backgroundImage.thumPath" class="item-image" @click="viewImage(model.backgroundImage)"/>
						</a-form-item>
					</a-col>
					<a-col :span="10">
						<a-form-item label="静态域名" class="index-form-item">
							<a-input v-model:value="model.staticDomain" placeholder="请输入静态加速域名  以http://或https://开头 以/结尾"/>
						</a-form-item>
					</a-col>
					<a-col :span="6">
						<a-form-item label="加速模式" class="index-form-item">
							<a-select v-model:value="model.staticMode" :options="dictOptions('manage.model.SystemInfo!staticMode')" placeholder="请选择静态加速模式" show-search :filter-option="selectFilter"/>
						</a-form-item>
					</a-col>
					<a-col :span="8">
						<a-form-item label="外协登录" class="index-form-item">
							<a-radio-group :options="dictOptions('manage.model.SystemInfo!assistLogin')" v-model:value="model.assistLogin"/>
						</a-form-item>
					</a-col>
					<a-col :span="10">
						<a-form-item label="图片压缩" class="index-form-item">
							<a-radio-group :options="dictOptions('manage.model.SystemInfo!imageMode')" v-model:value="model.imageMode"/>
						</a-form-item>
					</a-col>
				</a-row>
			</a-form>
		</a-card>
	</a-page-header>
	<a-page-header title="资源管理" sub-title="管理静态资源" style="padding-top:0;">
		<a-card :hoverable="true" :bodyStyle="{padding:'20px'}">
			<a-space>
				<a-button type="primary" @click="openImageModal">图片管理</a-button>
				<a-button type="primary" @click="openIconModal">图标管理</a-button>
				<a-button type="primary" @click="openIconClassModal">ICON查看</a-button>
			</a-space>
		</a-card>
	</a-page-header>
	<div id="systemInfo_fileList" style="margin-top:-15px;"></div>
	<div id="systemInfo_hostList" style="margin-top:-15px;"></div>
	`,
	props: ['localeZh','param','parentVue'],
	data:function(){
		return {
			model:{backgroundImage:{},titleIcon:{}},
		};
	},
	mounted(){
		this.model=this.param.model;
		this.loadPage("systemInfo_hostList",
			"page/base/host/hostList.js",{},
			function(pv,v3){
				
	        }.bind(this)
        );
		this.loadPage("systemInfo_fileList",
			"page/base/util/busiFile.js",
			{title:'升级文件',fileType:'updateJar',businessOid:this.model.oid,oper:'edit'},
			function(pv,v3){
				
	        }.bind(this)
        );
	},
	methods:{
		save:function(){
			this.requestData('action/manage/systemInfo/doSave',
				{model:this.model},
				data=>{
					if(!data.code){
						this.$message.success(data.msg);
					}else{
						this.$message.error(data.msg);
					}
				}
			);
		},
		openImageModal:function(){
			this.openPage("action/manage/imageInfo/imageInfoList",{isOpen:true},function(){},"70%");
		},
		openIconModal:function(){
			this.openPage("page/base/util/iconManage.js",{},function(){},"70%");
		},
		openIconClassModal:function(){
		    this.openPage("page/base/util/viewIconClass.js",{},function(){},"1000px");
		}
	}
}